<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="f"%>     
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!-- Indicamos la cultura  -->
<f:setLocale value="ca"/>
<!-- Creamos un Bundle para mostrar los mensajes localizados-->
<f:setBundle var="b" basename="i18n.buscarvuelos.form_formulario"></f:setBundle>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Buscar vuelos</title>
<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>
	<div class="row-fluid">
	  <div class="span2"></div>
	  <div class="span10">
		<br />
		<img id="Logo" src="http://static.vueling.com/cms/images/vueling-logo.png" alt="Vueling Airlines">
		<br />
		<!-- Mensaje localizado -- utilizamos la key="titulo" declarada en el fichero de properties -->
		<h1><f:message bundle="${b}" key="titulo"></f:message></h1>
		
		<!-- Si existen: Mostramos los errores del formulario almacenados en el objeto form, en
			 su atributo mensajesError -->
		<c:if test="${not empty requestScope.form.mensajesError}">
			<h4 class="text-error">Errores del Formulario</h4>
			<ol class="text-error">
				<c:forEach var="mensajesError" items="${requestScope.form.mensajesError}">
					<li>${mensajesError}</li> 
				</c:forEach>
			</ol>
		</c:if>
		
		<form method="get" action="">
			<label><f:message bundle="${b}" key="form.iataOrigen.label"></f:message></label>
			
			<select name="iataOrigen">
				<c:forEach var="aeroActual" items="${requestScope.aeropuertos}">
					<option value="${aeroActual.codIATA}"
						${aeroActual.codIATA == requestScope.form.iataAeroOrigen ? 'selected' : ''}>
						${aeroActual.ciudad}
					</option>
				</c:forEach>
			</select>
			<br/>
			
			<label><f:message bundle="${b}" key="form.iataDestino.label"></f:message></label>
			
			<select name="iataDestino">
				<c:forEach var="aeroActual" items="${requestScope.aeropuertos}">
				<option value="${aeroActual.codIATA}"
					${aeroActual.codIATA == requestScope.form.iataAeroDestino ? 'selected' : '' }>
					${aeroActual.ciudad}
				</option>
			</c:forEach>
			</select>
			
			<br/>
			
			<label><f:message bundle="${b}" key="form.fechaSalida.label"></f:message></label>
			<c:set var="fecha">
				<f:formatDate pattern="yyyy-MM-dd" value="${requestScope.form.fechaPartida}"></f:formatDate>
			</c:set>
			<input type="date" name="fechaPartida" value="${fecha}">
			<br/>
			<!-- Valores de paginacion -->
			<input type="hidden" name="objetoInicial" value="${requestScope.form.objetoInicial}">
			<input type="hidden" name="anterior" value="">
			<input type="hidden" name="vueloseleccionado" value="0">
			<input type="hidden" name="nombre" value="">
			<input type="hidden" name="nifcif" value="">
			
			<input class="btn btn-primary" type="submit" name="buscar" value="Buscar">
			
		</form>

	  </div>
	</div>

</body>
</html>